<link rel="stylesheet" href="http://www.12301.cc/css/common/www.12301.cc.global.css"/>
<link rel="stylesheet" href="http://www.12301.cc/tpl/pft_show/css/common.css"/>
<link rel="stylesheet" href="http://www.12301.cc/tpl/pft_show/css/seat.css"/>

<style type="text/css">
    #venueUl{ overflow:hidden; padding:15px 0 15px 15px;}
    #venueUl .venueItem{ float:left; margin-right:15px; margin-bottom:15px;}
    #venueUl .venueItem .photo{ display:block; width:180px; height:120px; font-size:0; background-color:#f2f4f7; background-repeat:no-repeat; background-position:center center;
        background-size:cover;
    }
    #venueUl .venueItem .vtitle{ font-size:14px; line-height:1.4; color:#404348; margin-top:4px;}
    #venueUl .venueItem .btn{ margin-right:10px;}
    #venueUl .addBtn{ float:left; width:120px; height:120px; }
    #venueUl .addBtn .iconfont{ display:block; font-size:30px; margin-top:28px;}
    #venueUl .addBtn .t{ display:block; font-size:14px; position:relative; top:-5px;}
    #venueUl .addBtn a{ display:block; width:100%; height:100%; overflow:hidden; background:#dcdcdc; color:#019ad4; text-align:center; cursor:pointer;
        -webkit-transition:all 0.3s;
        -moz-transition:all 0.3s;
        -ms-transition:all 0.3s;
        -o-transition:all 0.3s;
        transition:all 0.3s;
    }
    #venueUl .addBtn a:hover{ background:#2a98da; color:#fff; text-decoration:none}
</style>
<link rel="stylesheet" href="tpl/pft_show/css/multiple-date-picker.css"/>
<link rel="stylesheet" href="tpl/pft_show/css/round.css"/>

<!--[if lt IE 7]><div id="venueListContainer" class="lt-ie10 lt-ie9 lt-ie8 lt-ie7 ie6 seatContainer commonRigContainer"> <![endif]-->
<!--[if IE 7]><div id="venueListContainer" class="lt-ie10 lt-ie9 lt-ie8 ie7 seatContainer commonRigContainer"> <![endif]-->
<!--[if IE 8]><div id="venueListContainer" class="lt-ie10 lt-ie9 ie8 seatContainer commonRigContainer"> <![endif]-->
<!--[if IE 9]><div id="venueListContainer" class="lt-ie10 ie9 seatContainer commonRigContainer"><![endif]-->
<!--[if gt IE 9]><!--><div id="guanContainer" class="guanContainer commonRigContainer"> <!--<![endif]-->
    <div id="venuenameHead" class="venuenameHead">
        <p class="t"><span class="iconfont"></span><span id="venuename" class="venuename">编辑场次</span></p>
    </div>
    <form id="round_form">
    <div id="createHeadWrap" class="formGroup create">
        <div class="row">日期：<input class="formInp input-date" type="date"
                                   name="dates"
                                   value="<?=$use_date?>"
                                   readonly/>
        </div>
    </div>
    <div class="round-list">
            <input name="venus_id" type="hidden" value="<?=$venus_id?>"/>
        <table class="round-list-tbl">
            <thead>
                <tr>
                    <th class="name">场次名称</th>
                    <th class="time">开始时间</th>
                    <th class="time">结束时间</th>
                    <th class="time">预售（天）</th>
                    <th></th>
                </tr>
            </thead>
            <tbody id="round_body">
                <?php $inc=0; ?>
                <?php foreach($rounds as $round):?>
                    <?php $inc += 1;?>
                <tr id="round_<?=$round['id']?>">
                    <td>
                        <input type="text"  data-title="场次名称" class="formInp w300" name="round[<?=$round['id']?>][round_name]" value="<?=$round['round_name']?>"/>
                    </td>
                    <td>
                        <input type="time" data-title="开始时间" class="formInp w80" name="round[<?=$round['id']?>][bt]" value="<?=$round['bt']?>"/>
                    </td>
                    <td>
                        <input type="time" data-title="结束时间" class="formInp w80" value="<?=$round['et']?>" name="round[<?=$round['id']?>][et]"/>
                    </td>
                    <td>
                        <input type="number" data-title="预售天数" class="formInp w80" value="<?=$round['pre_sale']?>" name="round[<?=$round['id']?>][pre_sale]"/>
                    </td>
                    <td>
                        <a class="rm" data-edit="1" data-rid="<?=$round['id']?>" href="javascript:;">删除</a>
                    </td>
                </tr>
                <?php endforeach;?>
            </tbody>
            <input type='hidden' id='key_index' value='<?=$inc?>'/>
            <tfoot>
                <tr>
                    <td colspan="3"></td>
                    <td>
                        <button class="btn-add" type="button">添加</button>
                    </td>
                    <td></td>
                </tr>
            </tfoot>
        </table>
    </div>
    <div class="save-wrap">
        <button class="update-btn" type="button">确定</button>
        <a class="cancel" href="javascript:history.go(-1);">取消</a>
    </div>
    </form>

    <div id="msg-wrap" class="msg-wrap"></div>
</div>
<script type="text/javascript" src="http://www.12301.cc/js/global/www.12301.cc.global.js"></script>
<script type="text/javascript" src="http://wx.12301.cc/public/js/common/class.js"></script>
<script type="text/javascript" src="http://wx.12301.cc/public/js/common/ajax.js"></script>
<script type="text/template" id="round_tpl">
    <tr id="round_{k}">
        <td>
            <input type="text" data-title="场次名称" class="formInp w300" name="round[{k}][round_name]" value=""/>
        </td>
        <td>
            <input type="time" data-title="开始时间" class="formInp w80" name="round[{k}][bt]" value=""/>
        </td>
        <td>
            <input type="time" data-title="结束时间" class="formInp w80" name="round[{k}][et]" value="" />
        </td>
        <td>
            <input type="number" data-title="预售天数" class="formInp w80" name="round[{k}][pre_sale]" value="" />
        </td>
        <td>
            <a class="rm" data-rid="{k}" href="javascript:;">删除</a>
        </td>
    </tr>
</script>
<script src="http://cdn.staticfile.org/angular.js/1.2.17/angular.min.js"></script>
<script src="http://cdn.staticfile.org/moment.js/2.8.3/moment.min.js"></script>
<script src="tpl/pft_show/js/multipleDatePicker.js"></script>
<script src="tpl/pft_show/js/round.js?v=0.0.2"></script>